@layout("/common/_container.html",{js:["/assets/transport/dispatch/dispatch.js","/assets/mui/js/photoviewer.js"],css:["/assets/mui/css/photoviewer.css"]}){

<div class="layui-body-header">
    <span class="layui-body-header-title">Outbound Order Inquiry</span>
</div>

<div class="layui-fluid">
    <div class="layui-row layui-col-space15">
        <div class="layui-col-sm12 layui-col-md12 layui-col-lg12">
            <div class="layui-card">
                <div class="layui-card-body">
                	<div class="layui-tab layui-tab-brief" lay-filter="doTabBrief">
                		<ul class="layui-tab-title">
                			<li class="layui-this">Configure Vehicles</li>
                			<!-- <li>Configure Confirmation</li> -->
                			<li>Configure Confirmation</li>
                		</ul>
                		<div class="layui-tab-content">
                			<div class="layui-tab-item layui-show">
			                    <div class="layui-form toolbar">
			                        <div class="layui-form-item">
							            <div class="layui-inline">
									        <button id="zhuijia" class="layui-btn layui-btn-normal icon-btn"><i class="layui-icon">&#xe716;</i>Add Details</button>
									        <button id="xuanzecar" class="layui-btn layui-btn-normal icon-btn"><i class="layui-icon">&#xe716;</i>Select Vehicles</button>
							            </div>
					                    <div class="layui-inline">
					                        <select id="operateId">
					                            <option value="">Select Project Department</option>
					                            @for(item in basicOperatelist!){
					                            <option value="${item.id}">${item.operateName}</option>
					                            @}
					                        </select>
					                    </div>
					                    <div class="layui-inline">
					                        <select id="customerId">
					                            <option value="">Select Customer</option>
					                            @for(item in basicCustomerList!){
					                            <option value="${item.id}">${item.customerName}</option>
					                            @}
					                        </select>
					                    </div>
					                    <div class="layui-inline" style="width: 150px;">
					                        <input id="startTime" class="layui-input" autocomplete="off" type="text" placeholder="Order Date From"/>
					                    </div>
			                            <div class="layui-inline">
			                            	to
			                            </div>
					                    <div class="layui-inline" style="width: 150px;">
					                        <input id="endTime" class="layui-input" autocomplete="off" type="text" placeholder="Order Date To"/>
					                    </div>
					                    <div class="layui-inline" style="width: 150px;">
					                        <input id="startTime2" class="layui-input" autocomplete="off" type="text" placeholder="Shipping Date From"/>
					                    </div>
			                            <div class="layui-inline">
			                            	to
			                            </div>
					                    <div class="layui-inline" style="width: 150px;">
					                        <input id="endTime2" class="layui-input" autocomplete="off" type="text" placeholder="Shipping Date To"/>
					                    </div>
							            <div class="layui-inline">
							                <input id="condition" class="layui-input" type="text" placeholder="Order No."/>
							            </div>
							            <div class="layui-inline">
							                <input id="getUnit" class="layui-input" type="text" placeholder="Receiving Unit"/>
							            </div>
							            <div class="layui-inline">
									        <button id="btnSearch" class="layui-btn icon-btn"><i class="layui-icon">&#xe615;</i>Search</button>
							            </div>
							            <div class="layui-inline">
							                <fieldset class="layui-elem-field layui-field-title" style="margin-top: 0px;">
										    	<legend>Accumulated Selected Volume: <span id="volume">0</span></legend>
										  	</fieldset>
							            </div>
			                        </div>
			                    </div>
			                    <table class="layui-table" id="orderTransportTable" lay-filter="orderTransportTable"></table>
							</div>
                			<!-- <div class="layui-tab-item">
			                    <div class="layui-form toolbar">
			                        <div class="layui-form-item">
							            <div class="layui-inline">
							                <input id="driver1" class="layui-input" type="text" placeholder="Driver Name"/>
							            </div>
							            <div class="layui-inline">
							                <input id="cartel" class="layui-input" type="text" placeholder="License Plate"/>
							            </div>
							            <div class="layui-inline">
									        <button id="btnSearch2" class="layui-btn icon-btn"><i class="layui-icon">&#xe615;</i>Search</button>
							            </div>
			                        </div>
			                    </div>
			                    <table class="layui-table" id="orderTransportTable2" lay-filter="orderTransportTable2"></table>
							</div> -->
                			<div class="layui-tab-item">
			                    <div class="layui-form toolbar">
			                        <div class="layui-form-item">
					                    <div class="layui-inline">
					                        <select id="operateId3" lay-filter="operateId3">
					                            <option value="">Select Project Department</option>
					                            @for(item in basicOperatelist!){
					                            <option value="${item.id}">${item.operateName}</option>
					                            @}
					                        </select>
					                    </div>
					                    <div class="layui-inline">
					                        <select id="carrierId3" lay-filter="carrierId3">
					                            <option value="">Select Carrier</option>
					                        </select>
					                    </div>
							            <div class="layui-inline">
							                <input id="condition_3" class="layui-input" type="text" placeholder="Keywords"/>
							            </div>
							            <div class="layui-inline">
									        <button id="btnSearch3" class="layui-btn icon-btn"><i class="layui-icon">&#xe615;</i>Search</button>
							            </div>
			                        </div>
			                    </div>
			                    <table class="layui-table" id="orderTransportTable3" lay-filter="orderTransportTable3"></table>
							</div>
                		</div>
                	</div>
                </div>
            </div>
        </div>
    </div>
</div>

<script type="text/html" id="tableBar">
		{{#  if(d.xlbClientId == '' || d.xlbClientId == null){ }}
			<a class="layui-btn layui-btn-normal layui-btn-xs" style="font-size: 7px;" lay-event="chai" id="chai"><i class="layui-icon">&#xe716;</i>Split Details</a>
		{{#  }  }}

    	<a class="layui-btn layui-btn-primary layui-btn-xs" style="font-size: 7px;" lay-event="gaidizhi" id="gaidizhi"><i class="layui-icon">&#xe715;</i>Edit Address</a>
</script>
<script type="text/html" id="tableBar2">
    	<a class="layui-btn layui-btn-danger layui-btn-xs" style="font-size: 7px;" lay-event="chexiao" id="chexiao"><i class="layui-icon">&#xe9aa;</i>Cancel</a>
    	<a class="layui-btn layui-btn-primary layui-btn-xs" style="font-size: 7px;" lay-event="bianji" id="bianji"><i class="layui-icon">&#xe642;</i>Edit</a>
    	<a class="layui-btn layui-btn-normal layui-btn-xs" style="font-size: 7px;" lay-event="wancheng" id="wancheng"><i class="layui-icon">&#xe605;</i>Complete</a>
</script>
<script type="text/html" id="tableBar3">
    	<a class="layui-btn layui-btn-danger layui-btn-xs" style="font-size: 7px;" lay-event="chexiaod" id="chexiaod"><i class="layui-icon">&#xe9aa;</i>Cancel</a>
    	<a class="layui-btn layui-btn-primary layui-btn-xs" style="font-size: 7px;" lay-event="bianjid" id="bianjid"><i class="layui-icon">&#xe642;</i>Edit</a>
  {{#  if(d.zhuangzaiFileid == '' || d.zhuangzaiFileid == null){ }}
    	<a class="layui-btn layui-btn-normal layui-btn-xs" style="font-size: 7px;" lay-event="zhuangzaifile" id="zhuangzaifile"><i class="layui-icon">&#xe681;</i>Loading Photos</a>
  {{#  } else { }}
  {{#  } }}
    	<a class="layui-btn layui-btn-normal layui-btn-xs" style="font-size: 7px;" lay-event="editmoney" id="editmoney"><i class="layui-icon">&#xe716;</i>Confirm</a>
</script>
<script type="text/html" id="consultMoneyTpl">
  {{#  if(d.consultMoney != '' && d.consultMoney != null){ }}
    <i class="layui-icon" lay-event="tooConsultMoneyDetailed" style="color: #2b85e4;">&#xe615;</i><span>{{ d.consultMoney }}</span>
  {{#  } }}
</script>
<script type="text/html" id="tableBar4">
    {{#  if(d.zhuangzaiFileid != '' && d.zhuangzaiFileid != null){ }}
    	<i class="layui-icon" lay-event="paymentProve">&#xe64a;</i>
  	{{#  } else {
        <span style="color: #FF4500;font-weight: 600;">Not Uploaded</span>
	{{#  } }}
</script>
@}